<script>
  let count = 0;
  $: squared = count * count;
</script>

<style>
  .counter {
    font-size: 2em;
    text-align: center;
    margin-top: 20px;
  }
  button {
    font-size: 1em;
    padding: 10px 20px;
    margin-top: 10px;
  }
</style>

<div class="counter">
  <p>Count: {count}</p>
  <p>Squared: {squared}</p>
  <button on:click={() => count++}>
    Increase
  </button>
</div>
